<div>
    <div class="w-auto">
        <div class="panel-default m-n">
            <div class="padder-v padder-md b-b font-bold">物流跟踪</div>
            <div class="col m-b-xs">
                <div class="panel panel-body m-n" ng-if="!logisticsTraceState && !logisticsErrorState">
                    <div class="bg-dark-con m-n">
                        <div class="bg-dark-con-top-circle"></div>
                    </div>
                    <div class="bg-dark-con" ng-repeat="o in data.result.list">
                        <div class="bg-dark-con-top-circle-o-active" ng-if="$index==0"></div>
                        <div class="bg-dark-con-top-circle-o" ng-if="$index!=0"></div>
                        <div>
                            <div class="m-b-xs">
                                <p class="h6" ng-class="{0:'text-success'}[$index]">{{o.status}}</p>
                            </div>
                            <p class="h6 block m-xs text-muted">{{o.time}}</p>
                        </div>
                    </div>
                    <div class="bg-dark-con">
                        <div class="bg-dark-con-top-circle-o"></div>
                        <div class="bg-dark-con-bottom-circle-o"></div>
                    </div>
                </div>

                <div class="padder-v text-center" ng-if="logisticsErrorState">
                    <span class="h6">~：( 该单号暂无物流进展，请稍后再尝试查询吧!~</span>
                </div>
                <div>
                    <circle-loading ng-if="logisticsTraceState && !logisticsErrorState"></circle-loading>
                </div>
            </div>
            <!--<div>-->
            <!--<circle-loading ng-if="app.loading"></circle-loading>-->
            <!--</div>-->
        </div>
    </div>
</div>